import React, { Component } from 'react';
import './Promotion.less';

export default class Promotion extends Component {

    constructor(props) {
        super(props);
        this.state = {
            qrCode: '',
            extension: ''
        };
        this.fetchData();
    };

    fetchData = () => {
        React.$utils.request({
            url: '/app/qrCode'
        }).then(res => {
            this.setState({
                ...res
            })
        });
    };


    render() {
        return (
            // <div className='promotion'>
            //     <div className='qr-container'>
            //         <img className='qr-image-container' src={require('../../images/extension_icon4.png')} alt="" />
            //         <div className='qr-box'>
            //             <img className='qr-image' src={this.state.qrCode} alt="" />
            //         </div>
            //     </div>
            //     <img className='promotion-bg' src={require('../../images/bg_img1.png')} alt="" />
            // </div>
            <div>
                <img style={{ width: '100%' }} src={this.state.extension} alt="" />
            </div>

        );
    };
}
